<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>作业一</title>
</head>
<body>
    <p>1. 用来输入密码的表单域是 <u>&lt;input type = &quot;password&quot; /&gt;</u></p>
    <p>效果如下：</p>
    <p><input type="password" /></p>
    <p>2. 请写出&lt;caption align=bottom&gt;表格标题&lt;/caption&gt;功能是 <u>align 属性规定 caption 元素的对齐方式,这里该属性将 caption 作为块元素向表格底部进行对齐</u></p>
    <p>效果如下：</p>
    <table border="1">
        <caption align="bottom">Monthly savings</caption>
        <tr>
          <th>Month</th>
          <th>Savings</th>
        </tr>
        <tr>
          <td>January</td>
          <td>$100</td>
        </tr>
    </table>
    <p>3. 利用&lt;table&gt;&lt;/table&gt;标记符的 <u>border</u> 属性 可以控制表格边框的显示样式；利用&lt;table&gt;&lt;/table&gt;标记符的 <u> cellspacing</u> 属性可以控制表格分隔线的现实样式</p>
    <p>效果如下：</p>
    <table border="1" cellspacing = "0">
        <tr>
          <th>Month</th>
          <th>Savings</th>
        </tr>
        <tr>
          <td>January</td>
          <td>$100</td>
        </tr>
    </table>
    <p>4.单元格垂直合并所用的属性是 <u>rowspan</u>；单元格横向合并所用的属性是 <u>colspan</u></p>
    <p>效果如下：</p>
    <table border="1" cellspacing = "0" style="text-align:center;">
        <tr>
          <th>Month</th>
          <th>Savings</th>
        </tr>
        <tr>
          <td colspan="2">January</td>
        </tr>
        <tr>
            <td rowspan="2">1</td>
            <td>1</td>
        </tr>
        <tr>    
            <td>2</td>
        </tr>
    </table>
    <p>5.为图片添加简要说明文字的属性是 <u>title</u></p>
        <p>效果如下：</p>
        <img src="img/cat.gif" title="这是一只爱动的小猫咪"/>
</body>
</html>